@extends("/main_template")
<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
	<a class="mui-control-item mui-active" href="#mall-item-package">烟花套餐</a>
	<a class="mui-control-item" href="#mall-item-supermaket">烟花超市</a>
</div>
<div>
	<div id="mall-item-package" class="mui-control-content mui-active">
		<div class="mui-row">
			<div class="mui-col-xs-3">
				<select class="mui-btn">
					<option value="item-0">▼品牌</option>
					<option value="item-1">品牌1</option>
					<option value="item-2">品牌2</option>
					<option value="item-3">品牌3</option>
					<option value="item-4">品牌4</option>
					<option value="item-5">其他</option>
				</select>
			</div>
			<div class="mui-col-xs-3">
				<select class="mui-btn">
					<option value="item-0">▼价格</option>
					<option value="item-1">1-10</option>
					<option value="item-2">11-20</option>
					<option value="item-3">21-40</option>
					<option value="item-4">41-70</option>
					<option value="item-5">71~</option>
				</select>
			</div>
			<div class="mui-col-xs-3">
				<select class="mui-btn">
					<option value="item-0">▼发数</option>
					<option value="item-1">5发</option>
					<option value="item-2">10发</option>
					<option value="item-3">20发</option>
					<option value="item-4">50发</option>
					<option value="item-5">其他</option>
				</select>
			</div>
			<div class="mui-col-xs-3">
				<select class="mui-btn">
					<option value="item-0">▼其它</option>
					<option value="item-1">1</option>
					<option value="item-2">2</option>
				</select>
			</div>
		</div>
		<div class="taocan mui-card" href="item/01.html">
			<div class="mui-card-header mui-card-media" style="height:50vw;background-image:url(img/package/tc1.jpg)"></div>
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<div class="mui-row">
						<div class="mui-col-xs-6">名称：生日套餐 </div>
						<div class="mui-col-xs-6">价格：10元 </div>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-6">品牌：迈高 </div>
						<div class="mui-col-xs-6">规格：20发</div>
					</div>
					生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐
				</div>
			</div>
		</div>
		
		<div class="taocan mui-card" href="item/01.html">
			<div class="mui-card-header mui-card-media" style="height:50vw;background-image:url(img/package/tc2.jpg)"></div>
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<div class="mui-row">
						<div class="mui-col-xs-6">名称：生日套餐 </div>
						<div class="mui-col-xs-6">价格：10元 </div>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-6">品牌：迈高 </div>
						<div class="mui-col-xs-6">规格：20发</div>
					</div>
					生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐
				</div>
			</div>
		</div>
		
		<div class="taocan mui-card" href="item/01.html">
			<div class="mui-card-header mui-card-media" style="height:50vw;background-image:url(img/package/tc3.jpg)"></div>
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<div class="mui-row">
						<div class="mui-col-xs-6">名称：生日套餐 </div>
						<div class="mui-col-xs-6">价格：10元 </div>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-6">品牌：迈高 </div>
						<div class="mui-col-xs-6">规格：20发</div>
					</div>
					生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐
				</div>
			</div>
		</div>
		
		<div class="taocan mui-card" href="item/01.html">
			<div class="mui-card-header mui-card-media" style="height:50vw;background-image:url(img/package/tc4.jpg)"></div>
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<div class="mui-row">
						<div class="mui-col-xs-6">名称：生日套餐 </div>
						<div class="mui-col-xs-6">价格：10元 </div>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-6">品牌：迈高 </div>
						<div class="mui-col-xs-6">规格：20发</div>
					</div>
					生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐
				</div>
			</div>
		</div>
		
		<div class="taocan mui-card" href="item/01.html">
			<div class="mui-card-header mui-card-media" style="height:50vw;background-image:url(img/package/tc5.jpg)"></div>
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<div class="mui-row">
						<div class="mui-col-xs-6">名称：生日套餐 </div>
						<div class="mui-col-xs-6">价格：10元 </div>
					</div>
					<div class="mui-row">
						<div class="mui-col-xs-6">品牌：迈高 </div>
						<div class="mui-col-xs-6">规格：20发</div>
					</div>
					生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐生日套餐
				</div>
			</div>
		</div>
		<div class="scroll-fix60"></div>	
	</div>
	<div id="mall-item-supermaket" class="mui-control-content">
		<ul class="mui-table-view product-list2">
			<li class="mui-table-view-cell mui-media">
				<a href="market.html">
					<img   src="img/supermaket/cs1.jpg">
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="market.html">
					<img class="mui-pull-center" src="img/supermaket/cs2.jpg">
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="market.html">
					<img class="mui-pull-center" src="img/supermaket/cs3.jpg">
				</a>
			</li>
			<li class="mui-table-view-cell mui-media">
				<a href="market.html">
					<img class="mui-pull-center" src="img/supermaket/cs4.jpg">
				</a>
			</li>
		</ul>
	</div>
</div>
